<template>
    <div>
        <a-button type="primary" @click="() => openNotification('topLeft')">
            topLeft
        </a-button>
    </div>
</template>

<script setup>
import { onMounted } from 'vue';
import { notification } from 'ant-design-vue';
const [api] = notification.useNotification();

onMounted(() => {
    console.log("弹框挂载");
    openNotification()
});

const openNotification = (log) => {
    console.log('挂载挂载',log);

    api.info({
        message: `登录页面需要修改`,
        description:
            '用户名输入框或手机号输入框节点发生变化。',
        placement: 'topLeft',
    });
};

</script>
